/* eslint-disable */

import React from 'react';
import { Svg, Path } from 'react-native-svg';
import { getIconColor } from './helper';

let IconKan = ({ size, color, ...rest }) => {
  return (
    <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
      <Path
        d="M512 8C233.64913372 8 8 233.64913372 8 512s225.64913372 504 504 504 504-225.64913372 504-504S790.35086628 8 512 8z m0 915.73228392C284.60472481 923.73228392 100.26771608 739.39527519 100.26771608 512S284.60472481 100.26771608 512 100.26771608s411.73228392 184.33700775 411.73228392 411.73228392-184.33700775 411.73228392-411.73228392 411.73228392z"
        fill={getIconColor(color, 0, '#333333')}
      />
      <Path
        d="M512 260.99212597c-138.62976356 0-251.00787403 112.37811047-251.00787403 251.00787403s112.37811047 251.00787403 251.00787403 251.00787403 251.00787403-112.37811047 251.00787403-251.00787403-112.37811047-251.00787403-251.00787403-251.00787403z m-64.48818895 268.86614147a84.33070833 84.33070833 0 1 1 84.33070833-84.33070833 84.33070833 84.33070833 0 0 1-84.33070833 84.33070833z"
        fill={getIconColor(color, 1, '#333333')}
      />
    </Svg>
  );
};

IconKan.defaultProps = {
  size: 18,
};

IconKan = React.memo ? React.memo(IconKan) : IconKan;

export default IconKan;
